const React = require('react');

import '../utils/myglobal.js';
//import React from 'react';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  TextInput,
  Button,
  useColorScheme,
  Alert,
  View,
} from 'react-native';

const products = [
  {title: 'Cabbage', id: 1, isFruit: true},
  {title: 'Garlic', id: 2},
  {title: 'Apple', id: 3},
];

export default function ShoppingList() {
  const listItems = products.map(product => (
    <Text
      key={product.id}
      style={{borderColor: 'gray', borderWidth: 0, borderRadius: 5}}>
      product: {product.id} -{'=>'} {product.title}
    </Text>
  ));
  return <View>{listItems}</View>;
}
